<!-- 组件传值 -->

<!-- vue 框架 -->
<script src="vue.js"></script>

<!-- 界面显示 -->
<div id="app">
    <!-- 自定义组件当中属性的名字要与自定义 props 后面的值对应 -->
    <mcomponent name="title"></mcomponent>
</div>

<!-- 脚本声明 -->
<script>
    Vue.component("mcomponent", {
        data() {
            
        },
        // props 当中设置的值, 作为属性的名称
        props: ['name'],
        template: "<p>我是自定义组件{{name}}</p>"
    })

    var vue = new Vue ({
        el: "#app",
    })
</script>